<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>html5标签header</header>
    <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <input type="text" autofocus="autofocus" value="用户名">
    <input type="password" value="密码">
    <ul>
        <li>aaaaa</li>
        <li>bbbb</li>
        <li>cccccc</li>
        <li class="hot">ddddd</li>
        <li>ffffff</li>
        <li class="hot">ddddd</li>
        <li>ggggg</li>
    </ul>
    <button id="more">更多</button>
    <script src="./jquery3.3.1.js"></script>
    <!-- :first :last :eq :even :odd  :header :not(class)  :gt :lt :focus-->
    <script>
        $(function(){
            // $("ul li:first").css("background","red");
            // $("ul li:last").css("background","red");
            // $("ul li:eq(4)").css("background","red");

            // $("ul li:even").css("background","red");
            // $("ul li:odd").css("background","blue");

            // 排除li里面class为hot的元素
            // $("ul li:not(.hot)").css("background","purple");

            // $("ul li:not(.hot)").css("background","purple");

            // $("ul li:gt(4)").css("background","purple");
            // $("ul li:lt(4)").css("background","purple");


            // $(":focus").css("background","purple");
            // $(":header").css("background","purple");
        })
    </script>
</body>
</html>